<!DOCTYPE html>
{assign name="pn" value="course/index" }
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <title>学海网校</title>
    <meta name="baidu-site-verification" content="code-xEvBW4PmsD" />
    <meta name="keywords" content="{:keywords}" />
    <meta name="description" content="学海网校系统,专业的教学分享平台，助你学有所成" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <script src="{:jquery}"></script>
    <link href="{:bootstrap_min_css}" rel="stylesheet">
    <script src="{:bootstrap_min_js}"></script>

    <link rel="stylesheet" href="/min/?g=css&v={:version}-{$r}">
    <script src="/min/?g=js&v={:version}-{$r}"></script>
    <style>
        body{
            background-color: #f4f4f4;
        }
        .breadcrumb{
            margin:15px 0;
        }

    </style>
</head>
<body>

{include file="inc/header" /}


<div class="container">
    <ul class="breadcrumb yka-box">
        <li><a href="/">首页</a></li>
        <li><a href="/course/explore/{$course.category.code}">{$course.category.name}</a></li>
        <li class="active">{$course.name}</li>
    </ul>

    <div class="card16 row">
        <div class="col-md-5 card-left">
            <div class="picbox">
                <img src="{$course.img}" alt="">
            </div>
        </div>
        <div class="col-md-7 card-right">
            <div class="course-info-title">{$course.name}</div>
            <div class="course-info-subtitle">{$course.subtitle}</div>

            {if $courseOrder!=null }
            <div class="course-info-price">
                <span class="info-label">价格</span>
                {if $course.price==0 }
                <span class="value free">免费</span>
                {else}
                <span class="info-label2">￥</span>
                <span class="value">{$course.price}</span>
                {/if}
            </div>
            {/if}

            <div class="course-info-expiry">
                <span class="info-label">学习有效期</span>
                <span class="info-label">永久有效</span>
            </div>
            {if $courseOrder!=null }
            <div class="course-info-btns">
                <button id="joinBtn" type="button" class="btn btn-success">加入学习</button>
            </div>
            {/if}
        </div>
    </div>

    <div class="row cr17">
        <div class="col-md-8 rsc1">
            {include file="course/t-tn-tabs" /}
            <div class="course-descration">
                {$introduction|raw}
            </div>
        </div>
        <div class="col-md-4 rsc2">
            {include file="course/t-tn-tc" }
        </div>
    </div>

</div>

{include file="inc/footer" /}

<script>
    $('#joinBtn').click(function () {
        $.post('{:BASE_URL}/course/{$course.id}/buy',function (data) {
            console.log(data);
        })
    });

</script>
</script>
</body>
</html>
